Vite ⚡️ continues being the Eminem of frontend tooling.

Vite (French word for "fast", pronounced /vit/) is a consolidated build tool for front-end web development. Think of a pre-configured dev server + bundler combo, but leaner and faster. It leverages the browser's native ES modules support and tools written in compile-to-native languages like esbuild to deliver a snappy and modern development experience.

This is an updated version of my previous Getting Started with Vite video, covering v3.

- ViteJS https://vitejs.dev/
- Vite config https://vitejs.dev/config/
- Ready to go ViteJS + Vue template https://github.com/alvarosabu/vitesome

If you have any questions please share them in the comments, and don't forget to subscribe for more content like this.

Come say hi on Twitter https://twitter.com/alvarosabu

---- 

Our Sponsors

Meet Storyblok (not Storybook which is a different thing) The world's first headless CMS that works for both developers & business users. 

I must warn you when you start using it, you will never go back to any other CMS solution

Give it a try at https://t.co/aaEZxcPC4W 😜

00:00 - Intro
00:18 - What is Vite
00:46 - Quick history of Vite
03:02 - Create a new Vite app
04:39 - App structure
06:26 - Vite dev server
07:46 - Vite config
08:22 - Config shared options
12:10 - Changing server port
13:22 - Server Options
14:33 - Vite build
18:13 - Lib mode
20:34 - CSS Preprocessors
22:20 - Vite Plugins
24:37 - Outro